#photoseb {
	position: absolute;	bottom: 0;	left: 0;
	height: 100%; width: auto;
}	

#fondaccueil {
	position: absolute; left: 46vw; top: -6vw;
	height: 34vw; width: 38vw;
	perspective: 800vw;
	transform-style: preserve-3d;	
}

#fondlogo, #sourislogo, #cerveaulogo {
	height: 40%;
	position: absolute; top: 30%;	left: 30%;
	transform: translateZ(-3vw);
}

#sourislogo, #cerveaulogo {
	transform: translateZ(2vw);
}

#fondlogo {
	transform: translateZ(-2vw);
}

#rectangle {
	position: absolute;	top: 76%; left: -18%;
	display: flex; justify-content: center; align-items: center;
	height: 16%; width: 136%;
	border-radius: 3vw 0 3vw 0;
	background-color: #54267A;
	transform: translateZ(-3vw);
	transform-style: preserve-3d;	
}

#webdesignerjr {
	font-family: "cardeniomodernstd";
	font-size: 5vw;
	font-weight: normal;
	white-space:nowrap;
	color: white;
	transform: translateZ(6vw);	

}

#sebastien {
	position: absolute;	top: 38%;	left: -18%;
	font-family: "steelfishrg";
	font-size: 7vw;
	font-weight: normal;
	white-space:nowrap;
	color: #704B9C;
}

#thery {
	position: absolute;	top: 32%; right: -18%;
	font-family: "steelfishrg";
	font-size: 11vw;
	font-weight: normal;
	white-space:nowrap;
	color: #704B9C;
}

#imagination, #realisation, #pour{
	font-family: "comfortaaregular";
	font-weight: bold;
	white-space:nowrap;
}	

#imagination {
	position: absolute;	top: 103%; left: 0;
	font-size: 2vw;
	color: #542D84;
}

#realisation {
	position: absolute;	top: 103%; right: 0;
	font-size: 2vw;	
	color: #542D84;	
}

#pour {
	position: absolute;	top: 110%; left: 37.6%;
	font-size: 2.4vw;
	color: #542D84;
	transform: translateZ(6vw);	
}

#cv {
	position: absolute;	bottom: 6vw; left: 46vw;
	display: flex; justify-content: center; align-items: center;
	height: 8%; width: 14%;
	border-radius: 0.4vw 0.4vw 0.4vw 0.4vw;
	background-color: #A37EB3;
	transition: transform 0.2s, border-radius 0.2s, background-color 0.2s;	
}

#cv:hover {
	border-radius: 1vw 1vw 1vw 1vw;	
	transform: scale(1.1) rotate(-2deg);
	background-color: #EE8816;
}

#cv p {
	margin-left: 0.4vw;	
	font-family: "cardeniomodernstd";
	font-size: 2.6vw;
	white-space:nowrap;
	color: white;	
}

#cv img {
	margin-right: 0.4vw;
	height: 6vw;
}

#contactezmoi {
	position: absolute;	bottom: 4.8vw; left: 66vw;
	display: flex; justify-content: center; align-items: center;
	height: 6vw; width: 24%;
	border-radius: 0.4vw 0.4vw 0.4vw 0.4vw;
	background-color: #A37EB3;
	transition: transform 0.2s, border-radius 0.2s, background-color 0.2s;	
}

#contactezmoi p {
	font-family: "cardeniomodernstd";
	font-size: 4.2vw;
	white-space:nowrap;
	color: white;	
}

#contactezmoi:hover {
	border-radius: 1vw 1vw 1vw 1vw;	
	transform: scale(1.1) rotate(2deg);
	background-color: #EE8816;	
	cursor: pointer;
}